<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>乐器销售后台管理系统</title>

    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="js/datatables/dataTables.bootstrap.css">

    <!--[if lt IE 9]>
    <script src="js/html5.js"></script>
    <![endif]-->
    <script src="js/jquery.js"></script>
    <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="js/bootstrap.min.js"></script>

    <!-- datatables -->
    <script src="js/datatables/js/jquery.dataTables.min.js"></script>
    <script src="js/datatables/dataTables.bootstrap.js"></script>
    <script href="js/datatables/js/jquery.dataTables.js"></script>
    <script src="js/datatables/yadcf/jquery.dataTables.yadcf.js"></script>
    <script src="js/datatables/tabletools/dataTables.tableTools.min.js"></script>

    <script>
        (function ($) {
            $(window).load(function () {
                $("a[rel='load-content']").click(function (e) {
                    e.preventDefault();
                    var url = $(this).attr("href");
                    $.get(url, function (data) {
                        $(".content .mCSB_container").append(data); //load new content inside .mCSB_container
                        //scroll-to appended content
                        $(".content").mCustomScrollbar("scrollTo", "h2:last");
                    });
                });

                $(".content").delegate("a[href='top']", "click", function (e) {
                    e.preventDefault();
                    $(".content").mCustomScrollbar("scrollTo", $(this).attr("href"));
                });

                $('#drop1').collapse('show');
            });
        })(jQuery);
    </script>
</head>

<body>
<!--header-->
<header>
    <h1><img src="images/admin_logo.png"/></h1>
    <ul class="rt_nav">
        <li><a href="#" target="_blank" class="website_icon">返回前台</a></li>
        <li><a href="#" class="admin_icon">DeathGhost</a></li>
        <li><a href="login.html" class="quit_icon">安全退出</a></li>
    </ul>
</header>
<!--aside nav-->

<!--aside nav-->
<aside class="lt_aside_nav content mCustomScrollbar">
    <ul>
        <li>
            <dl>
                <dt><a href="#" aria-expanded="false" data-toggle="collapse">
                主页</a>
                </dt>
            </dl>
        </li>
        <li>
            <dl>
                <dt><a href="#drop1" aria-expanded="false" data-toggle="collapse">
                商品信息</a>
                </dt>
                <div id="drop1" class="collapse list-unstyled ">
                    <!--当前链接则添加class:active-->
                    <dd><a href="product_list.html" class="active">商品列表</a></dd>
                    <dd><a href="product_add.html">添加商品</a></dd>
                    <dd><a href="product_detail.html">商品详情</a></dd>
                </div>
            </dl>
            <!--$('#drop2').collapse('show')-->
        </li>
        <li>
            <dl>
                <dt><a href="#drop2" aria-expanded="false" data-toggle="collapse">
                订单信息</a>
                </dt>
                <div id="drop2" class="collapse list-unstyled ">
                    <!--当前链接则添加class:active-->
                    <dd><a href="order_list.html">订单列表</a></dd>
                    <dd><a href="order_detail.html">订单详情</a></dd>
                </div>
            </dl>
        </li>
        <li>
            <dl>
                <dt><a href="#drop3" aria-expanded="false" data-toggle="collapse">
                会员管理</a>
                </dt>
                <div id="drop3" class="collapse list-unstyled ">
                    <!--当前链接则添加class:active-->
                    <dd><a href="user_list.html">会员列表</a></dd>
                    <dd><a href="user_detail.html">添加会员（详情）</a></dd>
                    <dd><a href="user_rank.html">会员等级</a></dd>
                    <dd><a href="adjust_funding.html">会员资金管理</a></dd>
                </div>
            </dl>
        </li>

        <li>
            <dl>
                <dt><a href="#drop4" aria-expanded="false" data-toggle="collapse">
                配送设置</a>
                </dt>
                <div id="drop4" class="collapse list-unstyled ">
                    <!--当前链接则添加class:active-->
                    <dd><a href="express_list.html">配送方式</a></dd>
                </div>
            </dl>
        </li>

        <li>
            <dl>
                <dt><a href="#drop5" aria-expanded="false" data-toggle="collapse">
                在线统计</a>
                </dt>
                <div id="drop5" class="collapse list-unstyled ">
                    <!--当前链接则添加class:active-->
                    <dd><a href="discharge_statistic.html">流量统计</a></dd>
                    <dd><a href="sales_volume.html">销售额统计</a></dd>
                </div>
            </dl>
        </li>
    </ul>
</aside>


<section class="rt_wrap content mCustomScrollbar">
    <div class="rt_content">
        <div class="page_title">
            <h2 class="fl">商品列表</h2>
            <a href="product_detail.html" class="fr top_rt_btn add_icon">添加商品</a>
        </div>
        <script type="text/javascript">
            jQuery(document).ready(function ($) {

                $("#example-1").dataTable({
                    aLengthMenu: [
                        [10, 25, 50, 100, -1], [10, 25, 50, 100, "全部"]
                    ],
                    language: {
                        "info": "显示_START_至_END_项结果，共_TOTAL_项",
                        "search": "搜索:",
                        "paginate": {"previous": "上一页", "next": "下一页"},
                        "lengthMenu": "显示 _MENU_ 项",
                        "zeroRecords": "抱歉，没有找到符合条件的记录"
                    }
                });
                $("#example-1").wrapAll("<div style='overflow-x:scroll'>");
            });
        </script>

        <table id="example-1" class="table table-striped table-bordered" cellspacing="0" width="80%"
               style="white-space: nowrap">
            <thead>
            <tr>
                <th>图示</th>
                <th>属类</th>
                <th>品牌</th>
                <th>型号</th>
                <th>价格区间</th>
                <th>精品</th>
                <th>新品</th>
                <th>热销</th>
                <th>库存</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td class="center"><img src="upload/卢森吉他1.gif" width="50" height="50"/></td>
                <td class="center">吉他</td>
                <td class="center">卢森</td>
                <td class="center">R-135</td>
                <td class="center"><strong class="rmb_icon">201-500</strong></td>
                <td class="center"><a title="是" class="link_icon">&#89;</a></td>
                <td class="center"><a title="否" class="link_icon">&#88;</a></td>
                <td class="center"><a title="是" class="link_icon">&#89;</td>
                <td class="center">5559</td>
                <td class="center">
                    <a href="product_detail.html" title="预览" class="link_icon" target="_blank">&#118;</a>
                    <!--<a href="product_detail.html" title="编辑" class="link_icon">&#101;</a>-->
                    <a href="#" title="删除" class="link_icon">&#100;</a>
                </td>
            </tr>
            <tr>
                <td class="center"><img src="upload/雅马哈钢琴1.jpg" width="50" height="50"/></td>
                <td class="center">钢琴</td>
                <td class="center">雅马哈</td>
                <td class="center">YDP103R</td>
                <td class="center"><strong class="rmb_icon">3001-10000</strong></td>
                <td class="center"><a title="是" class="link_icon">&#89;</a></td>
                <td class="center"><a title="否" class="link_icon">&#88;</a></td>
                <td class="center"><a title="是" class="link_icon">&#89;</a></td>
                <td class="center">500</td>
                <td class="center">
                    <a href="product_detail.html" title="查看" class="link_icon" target="_blank">&#118;</a>
                    <!--<a href="product_detail.html" title="编辑" class="link_icon">&#101;</a>-->
                    <a href="#" title="删除" class="link_icon">&#100;</a>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</section>

</body>
</html>
